<template>
    <div class="bili_item">
        <BiliVideo v-for="(item,index) in 4" :key="index" :style="index === 0 ? 'margin-left:0px' : ''"/>
        <div class="bili_end_video">
            {{ aaa.name }}
        </div>
    </div>
</template>
<script>
import BiliVideo from "@/components/bili_video.vue"
export default {
    name: "bili_item",
    // 接收父组件传递过来的数据(属性定义的数据)
    props: {
        aaa: {
            type: Object, // 类型是对象
            required: true
        }
    },
    components: {
        BiliVideo
    }
}
</script>
<style scoped>
    .bili_item{
        width: 80%;
        height: 230px;
        background-color: brown;
        margin: 0 auto;
    }
    .bili_end_video{
        width: 18%;
        height: 230px;
        background-color: rgb(37, 150, 22);
        float: left;
        margin-left: 2.5%;
    }
</style>